<template>
    <div class="shopBtn">
        <div class="btnBox">
            <div class="btnItem" @click="turn('/shop')">
                <div class="img"><img src="./image/shopManage.png"></div>
                <div class="desc">店铺管理</div>
            </div>
            <div class="btnItem" @click="turn('/shop')">
                <div class="img"><img src="./image/goodsManage.png"></div>
                <div class="desc">商品管理</div>
            </div>
            <div class="btnItem" @click="turn('/neworder?ways=1')">
                <div class="img"><img src="./image/orderManage.png"></div>
                <div class="desc">订单管理</div>
            </div>
            <div class="btnItem">
                <div class="img"><img src="./image/dataAnalysis.png"></div>
                <div class="desc">数据分析</div>
            </div>
        </div>
    </div>
</template>

<script>
    export default {
        name: "shop-btn",
        methods:{
            turn(path){
                this.$router.push({
                    path
                })
            }
        }
    }
</script>

<style scoped lang="stylus">
.shopBtn
    padding 14px 0
    .btnBox
        display flex
        align-items center
        .btnItem
            flex 25%
            text-align center
            color #666
            font-size 11px
            img
                width: 45px
                height: 45px
                margin-bottom 6.5px

</style>